#define layout()
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="/assets/layui/css/layui.css" media="screen" rel="stylesheet" type="text/css" />
	<script src="/assets/layui/layui.js" type="text/javascript" ></script>
</head>
<body>
<div class="layui-layout layui-layout-admin">
	<div class="layui-header">
<!--		<div class="layui-logo layui-hide-xs layui-bg-black">layout demo</div>-->
		<!-- 头部区域（可配合layui 已有的水平导航） -->
		<ul class="layui-nav layui-layout-left" style="left: 0;">
			<!-- 移动端显示 -->
<!--			<li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">-->
<!--				<i class="layui-icon layui-icon-spread-left"></i>-->
<!--			</li>-->
			<li class="layui-nav-item layui-hide-xs"><a href="/">首页</a></li>
			<li class="layui-nav-item layui-hide-xs"><a href="/task">任务</a></li>
			<li class="layui-nav-item layui-hide-xs"><a href="/blog">博客</a></li>
			<li class="layui-nav-item layui-hide-xs"><a href="/memorial">纪念</a></li>
			<li class="layui-nav-item layui-hide-xs"><a href="/diary">日记</a></li>
			<li class="layui-nav-item layui-hide-xs"><a href="/consumption">消费</a></li>
			<li class="layui-nav-item layui-hide-xs"><a href="/life">人生清单</a></li>
			<li class="layui-nav-item">
				<a href="javascript:">纪念</a>
				<dl class="layui-nav-child">
					<dd><a href="/memorial">纪念列表</a></dd>
					<dd><a href="javascript:">博客栏目</a></dd>
					<dd><a href="javascript:">博客关联</a></dd>
					<dd><a href="javascript:">博客显示</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:">博客</a>
				<dl class="layui-nav-child">
					<dd><a href="/blog">博客列表</a></dd>
					<dd><a href="javascript:">博客栏目</a></dd>
					<dd><a href="javascript:">博客关联</a></dd>
					<dd><a href="javascript:">博客显示</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:">消费</a>
				<dl class="layui-nav-child">
					<dd><a href="/consumption">消费列表</a></dd>
					<dd><a href="javascript:">消费类型</a></dd>
				</dl>
			</li>
		</ul>
		<ul class="layui-nav layui-layout-right">
			<li class="layui-nav-item layui-hide layui-show-sm-inline-block">
				<a href="javascript:">
					<img src="//unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img">
					rory
				</a>
				<dl class="layui-nav-child">
					<dd><a href="javascript:">设置</a></dd>
					<dd><a href="/logout">注销</a></dd>
				</dl>
			</li>
			<li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
				<a href="javascript:">
					<i class="layui-icon layui-icon-more-vertical"></i>
				</a>
			</li>
		</ul>
	</div>
	<div class="layui-body" style="left: 0; right: 0;">
		<div style="padding: 10px;">
			<div class="layui-card layui-panel">
				#@main()
			</div>
			<br><br>
		</div>
	</div>

	<div class="layui-footer" style="left: 0; text-align: center;">
		底部固定区域
	</div>
</div>

<script>
	//JS
	layui.use(['element', 'layer', 'util'], function(){
		var element = layui.element;
		var layer = layui.layer;
		var util = layui.util;
		var $ = layui.$;

		//头部事件
		util.event('lay-header-event', {
			menuLeft: function(othis){ // 左侧菜单事件
				layer.msg('展开左侧菜单的操作', {icon: 0});
			},
			menuRight: function(){  // 右侧菜单事件
				layer.open({
					type: 1,
					title: '更多',
					content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
					area: ['260px', '100%'],
					offset: 'rt', // 右上角
					anim: 'slideLeft', // 从右侧抽屉滑出
					shadeClose: true,
					scrollbar: false
				});
			}
		});
	});
</script>
</body>
</html>
#end